<script setup lang="ts">
import { onMounted } from "vue";
import { message } from "ant-design-vue";
onMounted(() => {
  // setItem("token", "e5b510c2-b00a-4299-b8c6-f4990b33c779")
  // setItem("token", "313bc6cf-3d96-457a-9021-26295c1b5323")
});

message.config({
  top: "30vh",
});
</script>

<template>
  <div class="app bg-fill-4">
    <Content class="i-layout-content i-scrollbar">
      <van-config-provider theme="dark">
        <router-view #default="{ Component }">
          <keep-alive include="order">
            <component :is="Component" />
          </keep-alive>
        </router-view>
      </van-config-provider>
    </Content>
  </div>
</template>

<style lang="scss">
@import "@/assets/style/constant.scss";
@import "@/assets/style/App.scss";

// *{touch-action: none;}
::-moz-scrollbar {
  display: none;
}

::-webkit-scrollbar {
  display: none;
}

input[type="number"]::placeholder {
  color: var(--base-table-header-color);
  /* 单行中文/16_Medium */
  font-family: PingFang SC, HarmonyOS;
  font-size: 16 * $_ru;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

img {
  object-fit: cover;
}

.van-toast {
  background-color: #151515 !important;
}

.van-popover__arrow {
  --van-popover-light-background: transparent;
  --van-popover-dark-background: transparent;
}
.van-popover__arrow {
  color: #0009 !important;
}
.van-popover__content {
  background: #0009 !important;
  padding: 20 * $_ru 24 * $_ru;
  color: #fff;
  font-family: PingFang SC, HarmonyOS;
  font-size: 28 * $_ru;
  font-style: normal;
  font-weight: 400;
  line-height: 42 * $_ru;
  /* 150% */
  max-width: 474 * $_ru;
}
</style>
